<template>
  <el-card class="Fg-card" v-bind="$attrs" :style="newStyle">
    <form-row-container :list.sync="list" :font="newStyle.font" v-bind="$attrs" :border="false" />
  </el-card>
</template>
 
<script>
import { deepClone, toCamelCase } from "../../../utils/index";
import { comMixin } from "../../../utils/comMixins";
export default {
  mixins: [comMixin],
  name: "form-card",
  props: {
    list: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {
      deepClone,
      toCamelCase,
    };
  },
};
</script>

<style lang="scss" >
@import "../../../styles/generator.scss";
.Fg-card {
  .el-card__body {
    overflow: auto;
  }
}
</style>